资讯频道 → 移动开发
阅读更多

1顶
0踩

移动开发

转载新闻 9个超实用jQuery/CSS3应用插件欣赏

2017-09-07 16:09 by 副主编 jihong10102006 评论(2) 有8332人浏览
jquery css javascript
jQuery是一款很强大的JavaScript框架，本文介绍的9个应用插件很多都是基于jQuery的，另外，CSS3的应用让这些插件增添了不少光彩，特别是第一个动画插件Animate.css非常实用，可以让你实现50多种不同的网页动画。

1、强大的CSS3动画库animate.css 50多种动画形式

今天要给大家介绍一款强大的CSS3动画库animate.css，animate.css定义了大概50多种动画形式，包括淡入淡出，文字飞入、左右摇摆动画等等。使用animate.css也非常简单，你可以给页面上的任意元素，特别是文字添加各种神奇的动画特效，一起来尝试一下吧。

在线演示 / 源码下载

2、jQuery仿Android锁屏图案应用插件

在Android应用中，我们经常会使用一种锁屏应用软件，你需要输入正确的连线顺序才能解开Android屏幕桌面。今天这次我们要利用jQuery来实现这种锁屏功能，例子中提供了很多种锁屏方式，也可以自定义矩阵来增加锁屏的难度。

在线演示 / 源码下载

3、jQuery消息提示框插件Tipso

之前我们分享过很多漂亮的Tooltip提示框插件，比如这款带Tooltip表单验证的注册表单。今天要分享的这款jQuery消息提示框插件名叫Tipso，它的特点是可以定义提示框的显示位置，以及动态改变提示框的提示内容，应该说是一款相当灵活的jQuery消息提示框插件。

在线演示 / 源码下载

4、CSS3 Loading进度条加载动画特效

前面我向大家分享了几款非常漂亮的CSS3进度条插件，CSS3 SVG 进度条 Loading 动画、纯CSS3进度条 华丽5色进度条示例。今天我要分享一款更加炫酷的CSS3进度条加载动画特效，该动画特效有3个不同的风格，注意，IE6，7，8是不支持该进度条动画的。

在线演示 / 源码下载

5、jQuery实现美化版的单选框和复选框

之前我们分享过一款CSS3自定义发光radiobox单选框，也在很早的时候分享过一款纯CSS3美化Checkbox和Radiobox按钮。今天这款是利用jQuery实现的美化版单选框和复选框，样式风格非常简洁清爽，是一款很不错的jQuery按钮插件。

在线演示 / 源码下载

6、新款CSS3按钮组合 5组可爱CSS3按钮

之前我分享过一些时尚的CSS3动画按钮，比如CSS3渲染Checkbox实现3D开关切换按钮、纯CSS3 3D按钮 按钮酷似牛奶般剔透等等。今天就再来分享一款可爱的CSS3按钮组合，该CSS3按钮一共有5种不同的风格，有几款还有3D立体的效果。一起来欣赏这些可爱的CSS3按钮吧。

在线演示 / 源码下载

7、简洁美观的jQuery计算器插件

今天小编要为大家分享一款基于jQuery的计算器插件，这款jQuery计算器插件跟之前分享的jQuery实现简易的计算器程序相比外观更加简洁和美观，计算器的功能上也比那款强大。有兴趣的同学可以继续为这款计算器扩展功能，应该也不是难事。

在线演示 / 源码下载

8、CSS3图片层叠展开特效 可展开扇形效果

今天要分享的这款CSS3图片特效没有那么绚丽，它的功能非常简单，当你把鼠标移到图片上时，多张图片便会由原先的叠在一起变成展开状态，展开过程中伴随CSS3动画，展开的形状是扇形。这款简单的CSS3图片层叠展开动画可以应用在图片展示和图片分享上。

在线演示 / 源码下载

9、纯CSS3进度条 华丽5色进度条示例

这是一款利用纯CSS3实现的进度条，它的实现非常简单，没有复杂的动画，该CSS3进度条最大的特点是拥有非常漂亮的5种颜色，整个进度条看上去非常专业。这款CSS3进度条和之前的CSS3 3D进度条相比显得更简单易用。

在线演示 / 源码下载

以上就是9个超实用jQuery/CSS3应用插件欣赏，欢迎收藏分享。
  • 大小: 17.8 KB
  • 大小: 10.3 KB
  • 大小: 31.8 KB
  • 大小: 13.7 KB
  • 大小: 9.1 KB
  • 大小: 57.9 KB
  • 大小: 11.2 KB
  • 大小: 41.6 KB
  • 大小: 29.6 KB
来自: html5tricks
1
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 leiwuluan 2017-09-08 13:37
  啦 啦 啦
1 楼 liuchang615270 2017-09-08 11:41
做为一个写后台的感觉很漂亮

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 分享7款非常实用的jQuery/CSS3插件演示和源码

    上次我们分享了15款效果很酷的最新jQuery/CSS3特效，非常不错，今天要分享7个非常实用的jQuery/CSS3插件演示和源码，一起来看看。 1、jQueryajax点击地图显示商家网点分布 DEMO演示 / 源码下载 2、纯CSS3实现的...

  • jQuery/CSS3炫酷动画效果插件 animate

    jQuery是一款很强大的JavaScript框架，本文介绍的9个应用插件很多都是基于jQuery的，另外，CSS3的应用让这些插件增添了不少光彩，特别是第一个动画插件Animate.css非常实用，可以让你实现50多种不同的网页动画。...

  • html5插件是做什么的,分享10款功能强大的HTML5/CSS3应用插件

    今天我们整理了10款功能非常强大的HTML5/CSS3应用插件供大家学习和使用，希望各位喜欢，可以分享给你的朋友。1、纯CSS3美化Checkbox和Radiobox按钮 外观很时尚利用CSS3我们可以打造非常具有个性化的用户表单，今天...

  • html5 抖动效果,10款jQuery/CSS3实现网页元素抖动特效

    1.jQuery垂直滑动切换焦点图动对于jQuery垂直焦点图，我们之前已经分享过不少了，其中比较经典的这款jQuery纵向滑块焦点图插件，效果非常不错。今天我们要再介绍一款jQuery垂直滑动切换的焦点图动画，整个jQuery焦点...

  • html5css3超炫效果,精挑细选12款大气的HTML5/CSS3应用

    原标题：精挑细选12款大气的HTML5/CSS3应用上周我们也整理了不少精美的HTML5/CSS3应用插件，包括图片特效、网页菜单、Tab选项卡、按钮特效等。今天我们精选了12款大气的HTML5/CSS3应用插件，分享给大家。1、CSS3华丽...

  • 8个超实用的jQuery插件应用

    自jQuery诞生以来，jQuery社区都在不断地、自发地为jQuery创建许许多多功能不一的插件应用，很多jQuery插件非常实用，对我们的前端开发帮助相当大，不仅可以更完美的完成指定功能...本文收集了8个超实用的jQuery...

  • 10款功能强大的HTML5/CSS3应用插件

    今天我们整理了10款功能非常强大的HTML5/CSS3应用插件供大家学习和使用，希望各位喜欢。  1、纯CSS3美化Checkbox和Radiobox按钮，外观很时尚  利用CSS3我们可以打造非常具有个性化的用户表单，今天我们就利用CSS...

  • 15个无比华丽的HTML5/CSS3动画应用

    本文主要分享了15个无比华丽的HTML5/CSS3动画应用，供大家参考学习。1、HTML5/CSS3图片选择动画 可选择多张图片今天我们来分享一款既炫酷又实用的HTML5图片选择特效，当图片被选中时，图片上就会覆盖一个半透明的层...

  • h5优秀控件_精挑细选 12款大气的HTML5/CSS3应用

    本文作者html5tricks，转载请注明出处上周我们也...今天我们要再来分享一款基于CSS3的华丽Tab菜单，这款Tab菜单的菜单项是一个个小图标，鼠标滑过时，菜单项展示对应文字，并出现展开的动画。2、CSS3二级下拉动画菜...

  • 8个超炫酷的jQuery相册插件欣赏

    在网页中，相册应用十分常见，如果你经常逛一些社交网站，那么你应该会注意到很多各式各样的网页相册应用。今天我们要来分享一些最新收集的...之前我们分享过很多炫酷和实用的jQuery焦点图插件，比如jQuery仿Flash...

  • 安装NumPy教程-详细版

    附件是安装NumPy教程_详细版，文件绿色安全，请大家放心下载，仅供交流学习使用，无任何商业目的！

  • 语音端点检测及其在Matlab中的实现.zip

    语音端点检测及其在Matlab中的实现.zip

  • C#文档打印程序Demo

    使用C#完成一般文档的打印，带有页眉，页脚文档打印，表格打印，打印预览等

  • DirectX修复工具-4-194985.zip

    directx修复工具 DirectX修复工具(DirectX repair)是系统DirectX组件修复工具，DirectX修复工具主要是用于检测当前系统的DirectX状态，若发现异常情况就可以马上进行修复，非常快捷，使用效果也非常好。

  • Python手动实现人脸识别算法

    人脸识别的主要算法 其核心算法是 欧式距离算法使用该算法计算两张脸的面部特征差异，一般在0.6 以下都可以被认为是同一张脸 人脸识别的主要步骤 1 获得人脸图片 2 将人脸图片转为128D的矩阵(这个也就是人脸特征的一种数字化表现) 3 保存人脸128D的特征到文件中 4 获取其他人脸转为128D特征通过欧式距离算法与我们保存的特征对比，如果差距在0.6以下就说明两张脸差距比较小

  • 全国大学生信息安全竞赛知识问答-CISCN 题库.zip

    ciscn 全国大学生信息安全竞赛知识问答-CISCN 题库.zip

  • JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译).zip

    JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)JAVA+SQL离散数学题库管理系统(源代码+LW+外文翻译)

  • strcmp函数应用.zip

    strcmp函数应用.zip

  • 蓝桥杯单片机第十一届国赛设计题试做

    蓝桥杯单片机第十一届国赛设计题试做

Global site tag (gtag.js) - Google Analytics